<template>
    <div>
        <van-sticky>
            <van-nav-bar title="首页" />
            <search />
        </van-sticky>
        <swiper :images="images" />
        <van-grid :border="false" :column-num="4">
            <van-grid-item v-for="item in cla">
                <van-image :src="item.image_src" />
            </van-grid-item>
        </van-grid>
        <div v-for="item in fl">
            <img width="100%" :src="item.floor_title.image_src" alt="">
            <div v-for="items in item.product_list" style="float: left;margin-left: 5px;">
                <img width="120px" height="120px" :src="items.image_src" alt="">
            </div>
        </div>

    </div>
</template>

<script setup>
import { ref } from 'vue'
import { lbtApi, claApi, floorApi } from '../../request/api'


const images = ref([])
const cla = ref([])
const fl = ref([])
lbtApi().then(res => {
    images.value = res.data.message
})
claApi().then(res => {
    cla.value = res.data.message
})
floorApi().then(res => {
    fl.value = res.data.message
})



</script>

<style lang="scss" scoped></style>